@import "../../../vars.scss";
.overview {
	height: calc(100% - $block-title-height) !important;
	padding: 19px 20px;
	.data-item {
		height: 62px;
		margin-bottom: 14px;
		&:nth-child(3) {
			margin-bottom: 0;
		}
		&:nth-child(4) {
			margin-bottom: 0;
		}
		.icon {
			width: 52px;
			height: 62px;
			background-image: url("@public/images/decoration/power/31.png");
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}
		.icon-1 {
			background-image: url("@public/images/decoration/power/31.png");
		}
		.icon-2 {
			background-image: url("@public/images/decoration/power/29.png");
		}
		.icon-3 {
			background-image: url("@public/images/decoration/power/1.png");
		}
		.icon-4 {
			background-image: url("@public/images/decoration/power/30.png");
		}
		.data-info {
			padding-left: 15px;
			.data-title {
				padding-bottom: 6px;
				font-size: 14px;
				font-weight: 400;
				color: $info-color;
				text-align: left;
			}
			.data-value {
				font-family: Bahnschrift;
				font-size: 30px;
				font-weight: 400;
				color: #2beaab;
				text-align: left;
				.unit {
					font-family: Bahnschrift;
					font-size: 12px;
					font-weight: 400;
					color: $base-text-color;
					text-align: left;
				}
			}
		}
	}
}
